{% block sw_order_document_settings_modal_form_first_row %}
<sw-container
    columns="1fr 1fr 1fr"
    gap="0 14px"
>
    {% block sw_order_document_settings_modal_form_document_number %}

    <mt-text-field
        v-model="documentConfig.documentNumber"
        :label="$tc('sw-order.documentModal.labelDeliveryNoteNumber')"
    />
    {% endblock %}

    {% block sw_order_document_settings_modal_form_document_date %}
    <mt-datepicker
        v-model="documentConfig.documentDate"
        date-type="date"
        hide-hint
        :label="$tc('sw-order.documentModal.labelDocumentDate')"
        :placeholder="$tc('sw-datepicker.date.placeholder')"
    />
    {% endblock %}

    {% block sw_order_document_settings_modal_form_document_delivery_date %}
    <mt-datepicker
        v-model="documentConfig.custom.deliveryDate"
        date-type="date"
        required
        hide-hint
        :label="$tc('sw-order.documentModal.labelDeliveryDate')"
        :placeholder="$tc('sw-datepicker.date.placeholder')"
    />
    {% endblock %}
</sw-container>
{% endblock %}
